@import './var.less';

.hoverBgc() {
  &:hover {
    background: radial-gradient(
      circle at 30% 40%,
      var(--hover-bgc-01),
      var(--hover-bgc-02),
      var(--hover-bgc-03),
      var(--hover-bgc-04)
    );
  }
}

.layoutBgc() {
  background: radial-gradient(
    circle at 10% 0%,
    var(--common-bgc-01),
    var(--common-bgc-02),
    var(--common-bgc-03),
    var(--common-bgc-04)
  );
}

.active-info {
  &:hover {
    color: var(--active-color);
  }
}

.theme-color {
  color: var(--theme-color);
}

.common-bgc-hover {
  background-color: var(--common-bgc-01);

  &:hover {
    background-color: var(--common-bgc-03);
  }
}

.active-item-bgc {
  background-color: var(--common-bgc-03);
  border: 1px solid var(--active-color) !important;
}